<blockquote class="top bottom">
  <h2 class="large huge alt bottom">
    Compare your groups by adding them to the main section.
    <%= link_to_function "How?", "show_header_explanation(this)", :class => "tiny caps show_how" %>
  </h2>
  <p id="how_explanation" class="alt huge bottom explanation" style="display:none;">
    Drag a group you'd like to compare from the left over to the space on the right.
    <%= link_to_function "Got it.", "hide_header_explanation(this)", :class => "tiny caps hide_how" %>
  </p>
</blockquote>

<div class="span-24">
  <div id="bundles_list" class="span-7 colborder clearfix">
    <h3>Your Groups</h3>
  	<div class="bundles span-7 clearfix">
  		<%- @bundles.each do |bundle|-%>
  			<div id="<%= dom_id(bundle) %>" class="comparable_bundle clearfix">
    			  <%= link_to "#{image_tag "coins_add.png"} Add", "#", :class => "positive add" %>
    			<h4><%= bundle.title %></h4>
    			<div class="tools">
    			  <%= link_to "#{image_tag "table_edit.png"} Edit", switch_to_bundles_path(:bundle_id => bundle) %>
    			  <span>|</span>
    			  <%= link_to "#{image_tag "magnifier.png"} Summary", bundle_path(bundle) %>
  			  </div>
  			</div>
  		<%- end -%>
  	</div>
  	<hr class="space" />
  	<h3>Comparison Key</h3>
		<ul id="comparing_info" class="key">
			<li class="not_common">Unique</li>
			<li class="semi_common">Shared</li>
			<li class="common">In All 3</li>
		</ul>
	</div>
	
	<div id="compare_baskets" class="span-16 clearfix last">
		<div id="bundles_basket" class="clearfix">
			<div id="compare_bundles">
			  <%= render :partial => "bundles/compare_bundle.html.erb", :collection => @compared_bundles unless @compared_bundles.empty? %>
			</div>
		</div>
	</div>
</div>
